$(document).ready(function() {  
   var chart = {
      type: 'scatter',
	  zoomType: 'xy',
	  backgroundColor: '#4B5357',
	  };
   var title = {
      text: ''   
   };
   var subtitle = {
      text: ''  
   };
   var xAxis = {
      title: {
      enabled: true,
         text: '近一月'
      },
      startOnTick: true,
      endOnTick: true,
      showLastLabel: true,
      lineColor: '#666',
	  tickColor: '#666'
      };
   var yAxis = {
      title: {
         text: '数量(本)'
      },
      gridLineColor: '#666',
   };
   var legend = {   
      layout: 'vertical',
      align: 'left',
      verticalAlign: 'top',
      x: 100,
      y: 70,
      floating: true,
      backgroundColor: '#4B5357',
      borderWidth: 1,
      borderColor: '#666'
      }  
   var plotOptions = {
      scatter: {
         marker: {
            radius: 5,
            states: {
               hover: {
                  enabled: true,
                  lineColor: 'rgb(100,100,100)'
               }
            }
         },
         states: {
            hover: {
               marker: {
                  enabled: false
               }
            }
         },
         tooltip: {
            headerFormat: '<b>{series.name}</b><br>',
            pointFormat: '{point.y} 本'
         }
      }
   };
   var series= [{
            name: '浏览',
            color: 'rgba(223, 83, 83, .5)',
            data: [
[13,19],[5,9],[23,19],[25,24],[8,21],[6,20],[11,3],[23,13],[11,17],[28,7],[22,25],[1,28],[18,21],[9,12],[28,13],[5,18],[16,9],[1,7],[21,23],[25,18],[18,5],[25,2],[10,22],[8,4],[6,4],[21,26],[4,6],[1,12],[9,15],[3,9],[24,5],[28,23],[14,28],[2,21],[10,26],[13,6],[26,7],[23,8],[24,5],[8,5],[2,19],[8,25],[7,23],[28,13],[29,9],[21,24],[2,2],[22,26],[1,17],[19,8],[20,21],[11,3],[14,11],[23,25],[18,10],[12,19],[16,15],[5,6],[7,13],[3,29],[13,11],[20,8],[25,18],[19,6],[7,19],[21,23],[30,21],[13,20],[13,24],[13,2],[26,7],[30,3],[26,12],[3,28],[18,11],[11,18],[18,6],[3,30],[8,6],[9,30],[20,13],[27,9],[16,4],[2,17],[16,15],[9,10],[23,29],[19,9],[27,24],[12,20],[26,22],[30,11],[7,1],[6,14],[8,20],[22,29],[15,20],[30,8],[9,24],[26,9],[15,43],[5,17],[9,50],[10,21],[11,12],[26,44],[19,21],[3,6],[7,31],[28,45],[29,45],[29,20],[1,11],[6,19],[7,33],[7,9],[28,25],[15,1],[18,25],[18,24],[24,50],[22,43],[1,21],[30,32],[24,38],[20,18],[30,48],[17,16],[6,38],[6,49],[2,15],[27,15],[28,26],[21,37],[17,33],[3,43],[29,1],[14,9],[15,24],[10,40],[17,12],[13,33],[28,46],[29,34],[11,34],[10,13],[30,23],[5,34],[26,23],[25,21]                   ]

        }, {
            name: '借阅',
            color: 'rgba(119, 152, 191, .5)',
            data: [
[14,5],[1,3],[16,5],[8,3],[24,5],[22,4],[23,5],[6,1],[5,3],[11,4],[25,3],[29,5],[20,2],[3,3],[1,5],[28,3],[7,3],[6,3],[26,1],[29,2],[14,1],[24,5],[21,4],[3,4],[26,1],[17,4],[2,5],[14,2],[12,5]                  ]      
      }
   ];     
      
   var json = {};   
   json.chart = chart; 
   json.title = title;   
   json.subtitle = subtitle; 
   json.legend = legend;
   json.xAxis = xAxis;
   json.yAxis = yAxis;  
   json.series = series;
   json.plotOptions = plotOptions;
   $('#container').highcharts(json);
  
});